import React from 'react'
import {NavLink} from 'react-router-dom'
import './FootNav.less'
export default class FootNav extends React.Component{
    render(){
        return (
            <div className='nav-footer'>
             <ul>
                 <li>
                     <NavLink strict exact to="/home">
                     <i className='iconfont icon-home'></i>
                         <span>首页</span>
                     </NavLink>
                 </li>
                 <li>
                     <NavLink strict exact to="/life">
                     <i className='iconfont icon-shop '></i>
                         <span>life</span>
                     </NavLink>
                 </li>
                 <li>
                     <NavLink strict exact to="/mine">
                     <i className='iconfont icon-indent'></i>
                        <span> mine</span>
                     </NavLink>
                 </li>
                 <li>
                     <NavLink strict exact to="/shop">
                     <i className="iconfont icon-team"></i>
                        <span>我的</span>
                     </NavLink>
                 </li>
             </ul>
            </div>
        )
    }
}